<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>校社联 · 信息管理系统</title>
   <link rel="stylesheet" href="./stylesheets/index.css">
   <link rel="stylesheet" href="./stylesheets/header.css">
   <link rel="stylesheet" href="./stylesheets/footer.css">
   <link rel="stylesheet" href="./stylesheets/clubNews.css">
   <link rel="shortcut icon" href="./images/SAU-logo.png" type="image/x-icon">
</head>
<body>
   <header>
    <nav class="cl wpn">
      <a href="/" class="logo z"><img src="./images/SAU-logo.png" alt="logo"></a>
      <a href="/"><div class="headerInfo z cl">校社联 · 信息管理系统</div></a>
      <div class="topButtons y cl">
        <a href="/" id="showLogin"><div class="logIn">登录</div></a>
        <a href="sign_up.html"><div class="signUp">注册</div></a>
      </div>
    </nav>
  </header>
	

  <div class="CN">

		<div id="NewsHead">	
            <img  id="HeadPic" src="./images/touxiang.png">
            <div id="HeadTitle"></div>
            <div id="HeadIntroduce"></div>
            <div id="HeadTime"></div>
		</div>

		<div class="NewsInfo">
         <!--这个是正文信息-->
         <div id="boss">会&nbsp长：</div><div id="bossName"></div>
         <div id="mailbox">邮&nbsp箱：</div><div id="mailboxName"></div>
         <div id="tel">电&nbsp话：</div><div id="telNum"></div>
         <div id="IntroduceTitle">社团简介：</div>
         <div id="Introduce"></div>
			
			<!--这个是正文部分男女比例图片-->
            <div id="Boypic1"></div>
            <div id="Boypic2"></div>


		</div>


  	
  </div>



  <footer>
    <span class="footer">2017 @ 校社联管理系统</span>
  </footer>

   <script src="./javascripts/jquery-3.2.1.min.js" charset="utf-8"></script>
   <script src="./javascripts/jquery.nivo.slider.js" charset="utf-8"></script>
   <script src="./javascripts/echarts.min.js"></script>
   <script type="text/javascript" src="./javascripts/clubNews.js"></script>
	
</body>
</html>
